<template>
  <div class="opt-bar">
    <progress-owner-bar v-if="pageRole == 'progress-owner'"></progress-owner-bar>
    <document-owner-bar v-if="pageRole == 'document-owner'"></document-owner-bar>
    <customer-bar v-if="pageRole == 'customer'"></customer-bar>
  </div>
</template>

<script>
import ProgressOwnerBar from './progress-owner-bar.vue'
import DocumentOwnerBar from './document-owner-bar.vue'
import CustomerBar from './customer-bar.vue'
import { mapGetters, mapActions } from 'vuex'

export default {
  data () {
    return {
    }
  },
  components: {
    ProgressOwnerBar,
    DocumentOwnerBar,
    CustomerBar
  },
  computed: {
    ...mapGetters('progress', [
      'pageRole'
    ]),
  },
  methods: {
  }
}
</script>

<style scoped lang="less">
@import '../../assets/less/var.less';
</style>
